<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript">
        //静态注册失去焦点事件
        function onblurFun() {
            //console.log是控制台对象(按F12调出)，是由JS语言提供，
            //专门用来向浏览器的控制器打印输出，用于测试使用
            console.log("静态注册失去焦点事件"); //log()是打印的方法
        }

        //动态注册 onblur事件
        window.onload = function () {
            //1. 获取标签对象
            var pwdObj = document.getElementById("pwd")
            //alert(pwdObj)
            //2. 通过标签对象.事件名 = function(){};
            pwdObj.onblur = function () {
                console.log("动态注册失去焦点事件");
            }
        }
    </script>
</head>
<body>
    用户名:<input type="text" onblur="onblurFun()"> <br>
    密码:<input type="text" id="pwd"> <br>
</body>
</html>